<!--
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="../img/logo.png">
    &lt;!&ndash;<link href="../css/util.css" rel="stylesheet" type="text/css"/>&ndash;&gt;
    <link rel="stylesheet" href="../css/otherutil.css">
    <link rel="stylesheet" href="../css/product.css">
    <title>产品中心</title>
</head>
<body>
<div class="warp">
    &lt;!&ndash;hader&ndash;&gt;
    <div class="header">

        <div class="header-left"><img src="../img/other/logo2.png" alt=""></div>

        <div class="header-right">
            <ul>
                <li><a href="javascript:void(0)">首页</a></li>
                <li><a href="javascript:void(0)">关于我们</a>
                    <ul>
                        <li><a href="javascript:void(0)">企业简介</a></li>
                        <li><a href="javascript:void(0)">公司历程</a></li>
                        <li><a href="javascript:void(0)">公司文化</a></li>


                    </ul>
                </li>
                <li><a href="javascript:void(0)">产品中心</a>
                    <ul>
                        <li><a href="javascript:void(0)">餐宴网用户端</a></li>
                        <li><a href="javascript:void(0)">餐宴网商家端</a></li>
                        <li><a href="javascript:void(0)">餐宴网代理端</a></li>
                        <li><a href="javascript:void(0)">餐宴网配送端</a></li>

                    </ul>
                </li>
                <li><a href="javascript:void(0)">新闻中心</a>
                    <ul>
                        <li><a href="javascript:void(0)">公司新闻</a></li>
                        <li><a href="javascript:void(0)">媒体报道</a></li>
                    </ul>
                </li>
                <li><a href="javascript:void(0)">联系我们</a>
                    <ul>
                        <li><a href="javascript:void(0)">办公地址</a></li>
                        <li><a href="javascript:void(0)">联系方式</a></li>
                    </ul>
                </li>
                <li><a class="search"></a></li>
            </ul>
        </div>


    </div>
    &lt;!&ndash;headerpicture&ndash;&gt;
    <div class="header-picture"></div>
    &lt;!&ndash;产品中心介绍&ndash;&gt;
    <div class="background">
    <div class="center">
        <div class="center-1">
            <div class="nav1">
                <a href="../index.html">首页 ></a> <a href="">产品中心 ></a> <a href="javascript:void(0)">餐宴网用户端</a>
            </div>
            <div class="nav2">
                餐宴网用户端
            </div>
        </div>
        <div class="center-2">
            <span class="clearfloat"></span>
            <div class="center-left-2">

                <div style="display: inline-block; background: url(../img/other/AppLogo.png) no-repeat center ;background-size: contain;height: 100px;width:40%"></div>

                <div class="center-2-font">
                    <p>餐宴网用户端</p>
                    <span>大小：18.8MB</span><br>
                    <span>版本号：V2.21</span><br>
                    <span>最近更新：2018-03-22 22:30:23</span>

                </div>
            </div>
            <div class="center-right-2">
                <div>
                    <a class="download" href="">下载到电脑</a>
                </div>
                <div>
                    <div class="erweima3"></div>
                    <p>手机扫码下载</p>
                </div>
            </div>

        </div>

        <ul class="center-3">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        &lt;!&ndash;应用信息&ndash;&gt;
        <div class="center-4">
            <p class="title2">
                应用信息
            </p>
            <p class="content">
                餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴
            </p>
        </div>
        <div class="center-5">
            <p class="title2">
                使用帮助
            </p>
            <div class="step">


                <div><p>1</p> <span class="left-l"></span></div>
                <div><p>2</p> <span class="left-l"></span></div>
                <div><p>3</p> <span class="right-b"></span></div>
                <div><span class="left-b"></span>
                    <p>6</p></div>
                <div><span class="right-r"></span>
                    <p>5</p></div>
                <div><span class="right-r"></span>
                    <p>4</p></div>
                <div><p>7</p> <span class="left-l"></span></div>
                <div><p>8</p> <span class="left-l"></span></div>
                <div><p>9</p></div>

                &lt;!&ndash;<span class="clearfloat"></span>&ndash;&gt;
            </div>
        </div>
    </div>
    </div>
    &lt;!&ndash;footer&ndash;&gt;
    <div class="footer">
        <div class="links">
            <div class="erweima">
                <img src="../img/erweima2.png" alt="餐宴网APP" width="50%">
                <p class="er-first">开启餐宴网之路</p>
                <p>餐宴网APP，扫码下载</p>
            </div>
            <div class="erweima">
                <img src="../img/erweima1.png" alt="餐宴网公众号" width="50%">
                <p class="er-first">掌握最新动态</p>
                <p>请关注公众号：餐宴网</p>
            </div>
            <div class="list-link">
                <ul class="lists">
                    <li><a href="javascript:void(0)">首页</a></li>

                    <li><a href="javascript:void(0)">关于我们</a>
                        <ul>
                            <li><a href="javascript:void(0)">企业简介</a></li>
                            <li><a href="javascript:void(0)">公司历程</a></li>
                            <li><a href="javascript:void(0)">公司文化</a></li>


                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">产品中心</a>
                        <ul>
                            <li><a href="javascript:void(0)">餐宴网用户端</a></li>
                            <li><a href="javascript:void(0)">餐宴网商家端</a></li>
                            <li><a href="javascript:void(0)">餐宴网代理端</a></li>
                            <li><a href="javascript:void(0)">餐宴网配送端</a></li>

                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">新闻中心</a>
                        <ul>
                            <li><a href="javascript:void(0)">公司新闻</a></li>
                            <li><a href="javascript:void(0)">媒体报道</a></li>
                        </ul>
                    </li>

                    <li><a href="javascript:void(0)">联系我们</a>
                        <ul>
                            <li><a href="javascript:void(0)">办公地址</a></li>
                            <li><a href="javascript:void(0)">联系方式</a></li>
                        </ul>
                    </li>
                    <span style="clear: both;"></span>
                    <div class="tel">
                        <a href="javascript:void(0)">全国热线：400-022-5888</a>
                        <a href="javascript:void(0)">公司电话：022-68666666</a>
                    </div>
                </ul>

            </div>

        </div>
    </div>
    <p class="footer-last">©2018天津食健科技发展有限公司&nbsp;京公网安备110108020150408&nbsp;京ICP备：12043664号-5</p>
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
<script>
$(function(){

    init();
    $(window).resize(function(){
        init();
    })
    function init(){
        var c1=$(' .center-1').width();
        $(' .center-1').css({height:c1*0.123+'px'});
        var erw=$('.erweima3').width();
        $('.erweima3').css({height:erw+'px'});
        var c2=$(' .center-2').width();
        $(' .center-2').css({height:c1*0.19+'px' });
        var c3=$(' .center-3>li').width();
        $('.center-3 >li').css({ height:c3*1.765+'px'});
        $('.center-3').css({height:c3*1.765+'px'})
      /*  //【解决head部分排列不规律问题
        var index = $('.header-right>ul>li').length;
        for (var i = 1; i < index - 1; i++) {
            var left = $('.header-right>ul').children("li").eq(i).children('a').offset().left;
            console.log(left)
            $('.header-right>ul>li').eq(i).children('ul').css({
                "text-indent": left + "px"
            })
        }*/
    }

})
</script>
</html>-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="shortcut icon" href="../img/logo.png">
    <link href="../css/util.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="../css/otherutil.css">
    <link rel="stylesheet" href="../css/product.css">
    <title>产品中心</title>
</head>
<body>
<div class="warp">
    <!--hader-->
    <div class="header">
        <div class="header-left"><img src="../img/other/logo2.png" alt=""></div>
        <div class="header-right">
            <ul>
                <li><a href="javascript:void(0)">首页</a></li>
                <li><a href="javascript:void(0)">关于我们</a>
                    <ul>
                        <li><a href="javascript:void(0)">企业简介</a></li>
                        <li><a href="javascript:void(0)">公司历程</a></li>
                        <li><a href="javascript:void(0)">公司文化</a></li>
                    </ul>
                </li>
                <li><a href="javascript:void(0)">产品中心</a>
                    <ul>
                        <li><a href="javascript:void(0)">餐宴网用户端</a></li>
                        <li><a href="javascript:void(0)">餐宴网商家端</a></li>
                        <li><a href="javascript:void(0)">餐宴网代理端</a></li>
                        <li><a href="javascript:void(0)">餐宴网配送端</a></li>

                    </ul>
                </li>
                <li><a href="javascript:void(0)">新闻中心</a>
                    <ul>
                        <li><a href="javascript:void(0)">公司新闻</a></li>
                        <li><a href="javascript:void(0)">媒体报道</a></li>
                    </ul>
                </li>
                <li><a href="javascript:void(0)">联系我们</a>
                    <ul>
                        <li><a href="javascript:void(0)">办公地址</a></li>
                        <li><a href="javascript:void(0)">联系方式</a></li>
                    </ul>
                </li>
                <li><a class="search"></a></li>
            </ul>
        </div>
    </div>
    <!--headerpicture-->
    <div class="header-picture"></div>
    <!--产品中心介绍-->
    <div class="background">
        <div class="center">
            <div class="center-1">
                <div class="nav1">
                    <a href="../index.html">首页 ></a> <a href="">产品中心 ></a> <a href="javascript:void(0)">餐宴网用户端</a>
                </div>
                <div class="nav2">
                    餐宴网用户端
                </div>
            </div>
            <div class="center-2">
                <span class="clearfloat"></span>
                <div class="center-left-2">

                    <div style="display: inline-block; background: url(../img/other/AppLogo.png) no-repeat center ;background-size: contain;height: 100px;width:40%"></div>

                    <div class="center-2-font">
                        <p>餐宴网用户端</p>
                        <span>大小：18.8MB</span><br>
                        <span>版本号：V2.21</span><br>
                        <span>最近更新：2018-03-22 22:30:23</span>

                    </div>
                </div>
                <div class="center-right-2">
                    <div>
                        <a class="download" href="">下载到电脑</a>
                    </div>
                    <div>
                        <div class="erweima3"></div>
                        <p>手机扫码下载</p>
                    </div>
                </div>

            </div>

            <ul class="center-3">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <!--应用信息-->
            <div class="center-4">
                <p class="title2">
                    应用信息
                </p>
                <p class="content">
                    餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴网成立于餐宴
                </p>
            </div>
            <div class="center-5">
                <p class="title2">
                    使用帮助
                </p>
                <div class="step">

                    <div><p>1</p> <span class="left-l"></span></div>
                    <div><p>2</p> <span class="left-l"></span></div>
                    <div><p>3</p> <span class="right-b"></span></div>
                    <div><span class="left-b"></span>
                        <p>6</p></div>
                    <div><span class="right-r"></span>
                        <p>5</p></div>
                    <div><span class="right-r"></span>
                        <p>4</p></div>
                    <div><p>7</p> <span class="left-l"></span></div>
                    <div><p>8</p> <span class="left-l"></span></div>
                    <div><p>9</p></div>
                    <span class="clearfloat"></span>
                </div>
            </div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <div class="links">
            <div class="erweima">
                <img src="../img/erweima2.png" alt="餐宴网APP" width="50%">
                <p class="er-first">开启餐宴网之路</p>
                <p>餐宴网APP，扫码下载</p>
            </div>
            <div class="erweima">
                <img src="../img/erweima1.png" alt="餐宴网公众号" width="50%">
                <p class="er-first">掌握最新动态</p>
                <p>请关注公众号：餐宴网</p>
            </div>
            <div class="list-link">
                <ul class="lists">
                    <li><a href="javascript:void(0)">首页</a></li>
                    <li><a href="javascript:void(0)">关于我们</a>
                        <ul>
                            <li><a href="javascript:void(0)">企业简介</a></li>
                            <li><a href="javascript:void(0)">公司历程</a></li>
                            <li><a href="javascript:void(0)">公司文化</a></li>


                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">产品中心</a>
                        <ul>
                            <li><a href="javascript:void(0)">餐宴网用户端</a></li>
                            <li><a href="javascript:void(0)">餐宴网商家端</a></li>
                            <li><a href="javascript:void(0)">餐宴网代理端</a></li>
                            <li><a href="javascript:void(0)">餐宴网配送端</a></li>

                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">新闻中心</a>
                        <ul>
                            <li><a href="javascript:void(0)">公司新闻</a></li>
                            <li><a href="javascript:void(0)">媒体报道</a></li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0)">联系我们</a>
                        <ul>
                            <li><a href="javascript:void(0)">办公地址</a></li>
                            <li><a href="javascript:void(0)">联系方式</a></li>
                        </ul>
                    </li>
                    <span style="clear: both;"></span>
                    <div class="tel">
                        <a href="javascript:void(0)">全国热线：400-022-5888</a>
                        <a href="javascript:void(0)">公司电话：022-68666666</a>
                    </div>
                </ul>

            </div>

        </div>
    </div>
    <p class="footer-last">©2018天津食健科技发展有限公司&nbsp;京公网安备110108020150408&nbsp;京ICP备：12043664号-5</p>
</div>
</body>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
<script>
    $(function(){
        init();
        $(window).resize(function(){
            init();
        })
        function init(){
            var c1=$(' .center-1').width();
            $(' .center-1').css({
                height:c1*0.123+'px'
            })
            var erw=$('.erweima3').width();
            $('.erweima3').css({
                height:erw+'px'
            })
            var c2=$(' .center-2').width();
            $(' .center-2').css({
                height:c1*0.19+'px'
            })
            var c3=$(' .center-3>li').width();
            $('.center-3 >li').css({
                height:c3*1.765+'px'
            })
            $('.center-3').css({
                height:c3*1.765+'px'
            })
        }
    })
</script>
</html>